@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
    max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
}
.ie8 .box-news .right ul li .ct{width:190px; float:left}
.ie8 .box-column-left .title-box{width:167px}
.breadcrumb{margin:0 0 7px 0; padding:8px 0 10px 8px}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700,400italic,300italic,500italic);
@font-face {font-family: Roboto-Italic;src: url(../fonts/Roboto-Italic.ttf);}
@font-face {font-family: Roboto-Regular;src: url(../fonts/Roboto-Regular.ttf);}
@font-face {font-family: Roboto-Light;src: url(../fonts/Roboto-Light.ttf);}
@font-face {font-family: Roboto-Bold;src: url(../fonts/Roboto-Bold.ttf);}
@font-face {font-family: Roboto-Black;src: url(../fonts/Roboto-Black.ttf));}
@font-face {font-family: Roboto-LightItalic;src: url(../fonts/Roboto-LightItalic.ttf);}
@font-face {font-family: Roboto-BoldItalic;src: url(../fonts/Roboto-BoldItalic.ttf);}
@import url(http://fonts.googleapis.com/css?family=Segoe UI:400,300,500,700,400italic,300italic,500italic);
@font-face {font-family: segoeuib;src: url(../fonts/segoeuib.ttf);}
@font-face {font-family: segoeuiz;src: url(../fonts/segoeuiz.ttf);}
@font-face {font-family: segoeuii;src: url(../fonts/segoeuii.ttf);}
@font-face {font-family: segoeuil;src: url(../fonts/segoeuil.ttf);}
@font-face {font-family: segoeui;src: url(../fonts/segoeui.ttf));}
@font-face {font-family: seguisb;src: url(../fonts/seguisb.ttf);}

*{padding:0; margin:0}
body{font-family:Roboto-Regular, Tahoma, Arial, Verdana, serif, "Times New Roman"; font-size:13px; background:#FBFBFB url(../images/bg-top.png) center 15px no-repeat;}
a, a:visited{text-decoration:none; color:#000} a:hover{color:#EE1122; text-decoration:none}
img{border:none}
input{border:none}
ul, ol{padding:0; list-style:none}
p{padding:0; margin:0}
span{line-height:17px}

.ux_thumb{display: block; overflow: hidden}
.video_thumb_grid .clip{ height: 110px; width: 195px; background: url('../images/default_video.png') no-repeat scroll left bottom #ffffff; background-size: 195px 110px; display: block; overflow: hidden; position: relative;}
.video_thumb_grid .clip img{display: block; left: 0px; position: absolute; top: -18px;}

/*icons*/
.icon-upload, .icon-upload:hover, .search, .pre-view, .pre-view:hover, .next-view, .next-view:hover, .share, .share:hover, .arler, .arler:hover, .smiley1, .smiley1:hover, .smiley2, .smiley2:hover, .smiley3, .smilay3:hover, .font-bigs, .font-smalls, .stick-1, .stick-2, .scroll-hight, .scroll-small, .btn-next-slie, .btn-pre-slie, .btn-next-slie:hover, .btn-pre-slie:hover, .icon-give-mail, .icon-up, .icon-arrow-left
{background:url(../icons/icons.fw.png) no-repeat}
.icon-upload{background-position:0 0;width:27px; height:27px}.icon-upload:hover{background-position:0 -28px} .search{background-position:0 -56px; width:75px; height:30px;} .pre-view{background-position:0 -105px; width:151px; height:29px; display:inline-block; float:left} .pre-view:hover{background-position:0px -135px} .next-view{background-position:-151px -105px; width:152px; height:29px; display:inline-block; float:left} .next-view:hover{background-position:-151px -135px}.share{background-position:0 -165px}.share:hover{background-position:0 -187px}.arler{background-position:0 -213px} .arler:hover{background-position:0 -238px}.smiley1{background-position:0 -272px; width:30px; height:38px; display:block; margin:0 0 10px 25px} .smiley1:hover{background-position:-43px -272px} .smiley2{background-position:0 -321px; width:30px; height:32px; display:block; margin:0 0 16px 25px} .smiley2:hover{background-position:-43px -321px} .smiley3{background-position:0 -364px; width:32px; height:32px; display:block; margin:0 0 16px 25px}.smiley3:hover{background-position:-43px -364px} .font-bigs{background-position:-2px -410px; height:17px; padding-left:22px !important} .font-smalls{background-position:-2px -439px; padding-left:22px !important}
/*margin default*/
.MgL15{margin-left:15px} .MgR15{margin-right:15px} .MgTB15{margin:15px 0} .MgLR15{margin:0 15px} .MgL10{margin-left:10px} .MgR10{margin-right:10px} .MgTB15{margin:15px 0} .MgLR15{margin:0 10px} .MgTB20{margin:20px 0} .MgT20{margin-top:20px} .MgB20{margin-bottom:20px} .MgT15{margin-top:15px} .MgL5{margin-left:5px} .MgR5{margin-right:5px} .MgT7{margin-top:7px} .MgB10{margin-bottom:10px} .Mg0{margin:0 !important} .Mgl-5{margin-left:-5px}

/*padding default*/
.PdL10{padding-left:10px} .PdR10{padding-right:10px} .PdTB10{padding:10px 0} .PdLR10{padding:0 10px} .PdB10{padding-bottom:10px !important} .PdT10{padding-top:10px} .PdT5{padding-top:5px} .PdTB7{padding:7px 0} .Pd10{padding:10px} .Pd20{padding:20px} .PdT3{padding-top:3px}

/*float*/
.FL{float:left} .FR{float:right}

/*overflow*/
.overH{overflow:hidden} .overA{overflow:auto}

/*position*/
.positionA{position:absolute} .positionR{position:relative}	.top2px{top:2px} .bt2px{bottom:2px}

/*border*/
.border-right-mn{border-right:1px solid #DDD} .borderB-G{border-bottom:1px solid #DDD} .border-topR{border-top:1px solid #EE1122} .border-bottomR{border-bottom:1px solid #EE1122} .borderB2px{border-bottom:3px solid #777; padding-bottom:3px} .borderE9{border-bottom:1px solid #E9E9E9} .borderE5{border-bottom:1px solid #555} .borderN{border:none !important}

/*display*/
.dis_block{display:block !important} .displayin{display:inline-block} .displaybl{display:block}

/*font*/
.fontB{font-family:Roboto-Bold} .font10{font-size:10px} .font11{font-size:11px} .font12{font-size:12px} .font13{font-size:13px} .font14{font-size:14px} .font21{font-size:21px} .font18{font-size:18px} .font19{font-size:19px} .font20{font-size:20px} .font30{font-size:30px} .font38{font-size:38px} .font-Light{font-family:Roboto-Light} .font-R{font-family:Roboto-Regular} .font-Bold{font-family:Roboto-Bold} .font-seL{font-family:segoeuil} .font-seB{font-family:seguisb}

/*font color*/
.color66{color:#666} .color55{color:#555} .color99{color:#999} .colorFF{color:#FFF} .colorRed{color:#FF503F !important} .colorDackG{color:#223366 !important} .colorG{color:#59B200} .colorY{color:#FFBF00}
/*clear*/
.clear15{clear:both; height:15px}
/*border*/
.border-B-G{border-bottom:1px solid #CCCCCC} .border-right-DG{border-right:1px solid #D2D6E0}
/*free width*/
.width4x{width:405px !important} .width3x{width:270px !important} .width615{width:615px} .width195{width:195px !important} .width613{width:613px} .width187{width:187px !important} .width928{width:928px} .width197{width:197px} .width202{width:202px} .width243{width:243px}
/*stick*/
.stick-1{background-position:0 -475px; width:43px; font-size:18px; height:43px; display:block; padding:8px 0 0 20px; color:#FFF}
.stick-2{background-position:0  -537px; width:43px; height:43px; font-size:18px; height:43px; display:block; padding:8px 0 0 20px; color:#FFF}

/*background color*/
.bg-FF{background-color:#FFF !important} .bg-red{background-color:#FF503F !important} .bg-dack{background-color:#555555} .bg-G{background-color:#59B200} .bg-Gray{background-color:#DDD} .bg-black{background-color:#000} .bg-tim{background:#30C}

/**btn**/
.btn3{width:456px; padding:10px; text-align:center; background-color:#EFF9E5; border:1px solid #D6E0CC; display:block}

/**line height**/
.lineh{line-height:12pt} .lineh-none{line-height:none !important} .line16{line-height:16pt}

/**icons**/
.icon-up{background-position:0 -918px; width:20px; height:10px; display:block}
.icon-arrow-left{background-position:0 -951px; width:20px; height:20px; display:block}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
    .gridContainer {
        width: 90.675%;
        padding-left: 1.1625%;
        padding-right: 1.1625%;
    }
    #LayoutDiv1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) and (max-width:100%) {
    .gridContainer {
        width: 88.2%;
        max-width: 1232px;
        padding-left: 0.9%;
        padding-right: 0.9%;
        margin: auto;
    }
    #LayoutDiv1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
}

/*Grid*/

.gridContainer {
    margin:0; padding:0;
    width: 100%;
}
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

/*header*/
.header{width:100%; background-color:#FFF/*; position:fixed; top:0; z-index:100*/}
.Top-menu{width:1130px; height:70px; margin:0 auto}
.Top-menu .menu-left{width:825px; float:left; position:relative}
.Top-menu .menu-left ul.menu-top{list-style:none}
.Top-menu .menu-left ul.menu-top li{float:left; position:relative}
.Top-menu .menu-left ul.menu-top li a{font-size:12px; color:#888; line-height:37px; padding:0 8px;}
.Top-menu .menu-left ul.menu-top li a:hover{color:#EE1122}
.Top-menu .menu-left ul.menu-top li.first{background:url(../images/logo-top.png) no-repeat 30px 0; width:162px; height:57px; float:left}
.Top-menu .menu-left ul.menu-top li{cursor:pointer}
.Top-menu .menu-left ul.menu-top li.first i{width:20px; font-size:18px; padding:10px 30px 0 0; color:#DDD; float:left}
.Top-menu .menu-left ul.menu-top li.first:hover i{color:#EE1122}
.Top-menu .menu-right{width:305px; margin-top:13px; float:right}
.menu-right .upload {width:120px; float:left; overflow:hidden}
.upload a{color:#888; font-size:11px; border:1px solid #BBB; padding:5px 7px 7px 33px; line-height:33px; white-space:nowrap}
.upload a:hover{border:1px solid #EE1122; color:#EE1122}
.drop-menu {display:none; position:absolute; width:187px; top:53px; z-index:1}
.menu-scroll{height:800px; overflow-y:scroll; overflow-x:hidden}
.menu-default{width:187px; top:53px; display:block; z-index:1; overflow:hidden}
.menu-left ul.menu-top li.first:hover .drop-menu{width:187px; display:block}

.Top-menu .menu-right .login{width:185px; height:57px; float:right; text-align:right; font-size:12px; color:#545454; line-height:33px}
.menu-right .login a:hover{color:#FF503F}

/*in side*/
.menu-right .inside{width:182px; float:right; text-align:right; position:relative; white-space:nowrap}
.menu-right .inside .user{min-width:40px; float:right; margin-top:4px}
.menu-right .inside .user .avatar{width:26px; height:26px; border:1px solid #BBBBBB; border-left:1px solid #223366; float:left; overflow:hidden; display:inline-block}
.menu-right .inside .user .avatar a img{width:26px; height:auto;}
.menu-right .inside .user .noti{width:auto; float:left; display:inline-block; max-width:48px}
.menu-right .inside .user .noti ul{padding:0; margin:0}
.menu-right .inside .user .noti ul li .dropdown-menu{position:absolute; left:-240px; border-radius:0; width:305px}
.list-group{ position:absolute; z-index:1; right:10px}
.menu-right .inside .user .noti a.number{color:#FFF; cursor:pointer; background-color:#FF503F; padding:4px 4px; line-height:18px}
.menu-right .inside .user .noti:hover .list-group{display:block}
.menu-right .inside .name-user{width:102px; float:left; margin-right:5px; text-align:right; overflow:hidden; white-space:nowrap}
.menu-right .inside .name-user a{font-size:12px; color:#666666; line-height:32px}

/*menu second*/
.menu-second{width:100%; height:56px; overflow:hidden}
.menu-second .menu-ct{width:1130px; margin:0 auto; padding-top:12px; overflow:hidden}
.menu-ct .menu-left{width:810px; height:45px; float:left; position:absolute}
.menu-ct .menu-left ul.menu-top {margin-top:10px; float:left}
.menu-ct .menu-left ul.menu-top li{list-style:none; float:left; padding-right:10px}
.menu-ct .menu-left ul.menu-top li a{color:#444444; font-size:13px}
.menu-ct .menu-left ul.menu-top li a:hover{border-bottom:2px solid #FF503F; color:#223366}
.menu-ct .menu-left ul.menu-top li .arrow-down{background:url(../icons/icon-down.jpg) center 3px no-repeat; display:block}
.menu-ct .menu-left ul.menu-top li.first{background:url(../images/logo-top.png) no-repeat 30px 0; width:162px;float:left}
.menu-ct .menu-left ul.menu-top li{cursor:pointer}
.menu-ct .menu-left ul.menu-top li.first i{width:20px; font-size:18px; padding:10px 30px 0 0; color:#DDD; float:left}
.menu-ct .menu-left ul.menu-top li.first:hover i{color:#EE1122}
.menu-ct .menu-right{width:305px; float:right}
.drop-menuSD{display:none; top:14px; border-top:2px solid #FF503F; border-bottom:1px solid #DDD; background-color:#FFF; position:absolute; z-index:1; padding-top:3px}
.menu-ct .menu-left ul.menu-top li:hover>ul.drop-menuSD {display:block; list-style:none}
.menu-ct .menu-left ul.menu-top li:hover>ul.drop-menuSD li{padding:5px 0; float:none !important}
.menu-ct .menu-left ul.menu-top li:hover>ul.drop-menuSD li a{line-height:17px; padding:8px 10px; font-size:12px; color:#555; border:none}
.menu-ct .menu-left ul.menu-top li:hover>ul.drop-menuSD li a:hover{background-color:#223366; color:#FFF !important}
.menu-ct .menu-right .box-search .b-r-btn{width:305px}
.menu-ct .menu-right .box-search .b-r-btn a{width:146px; height:30px; background-color:#223366; text-align:center; color:#FFF; display:inline-block; line-height:30px}
.menu-ct .menu-right .box-search .b-r-btn a:hover{background-color:#FF503F; color:#FFF}

/**search**/
.box-search, .menu-ct .menu-right .box-search, .column-right .row-1 .right .box-search, .default-width-left .box-search
{width:100%; overflow:hidden}
.box-search input, .menu-ct .menu-right .box-search input, .column-right .row-1 .right .box-search input, .default-width-left .box-search input
{width:230px; height:30px; padding:5px; border:1px solid #D6D6D6; color:#888; font-size:11px; float:left}
.box-search .btn-search, .menu-ct .menu-right .box-search .btn-search, .column-right .row-1 .right .box-search .btn-search, .box-search .btn-search{float:left}

.free-search{width:auto; padding-right:50px; position:relative}
.free-search input[type=text]{width:100%; height:27px; padding:3px; border:1px solid #DDD; background-color:#FFF}
.free-search input[type=submit]{width:50px; height:27px; display:block; background-color:#BBBBBB; color:#FFF; position:absolute; top:0; right:0}

/**title**/
.menu-default .title-top, .drop-menu .title-top{background:url(../icons/bg-first-dropmenu.png) top left no-repeat; width:187px}
.menu-default .title-top-hd{width:187px}
.menu-default .title-top-hd .ct, .drop-menu .title-top .ct{background-color:#777; width:173px; color:#FFF; font-size:14px; height:29px; margin-left:14px; position:relative; top:4px; line-height:28px}
.menu-default .title-top-hd .ct{margin:0; width:187px; padding:0 10px; border-left:3px solid #FF503F; top:0}
.menu-default .title-top-hd .ct-list, .drop-menu .title-top .ct-list{background-color:#FFF; border:1px solid #D6D6D6; border-top:none; width:187px; display:block}
.drop-menu .title-top .ct-list ul{list-style:none; overflow:hidden; margin-top:4px}
.menu-default .title-top-hd .ct-list ul{list-style:none; margin:0}
.menu-default .title-top-hd .ct-list ul li, .drop-menu .title-top .ct-list ul li{width:187px}
.menu-default .title-top-hd .ct-list ul li a, .drop-menu .title-top .ct-list ul li a{color:#000; line-height:29px; padding:0 10px; display:block}
.menu-default .title-top-hd .ct-list ul li a:hover, .drop-menu .title-top .ct-list ul li a:hover{background-color:#223366; color:#FFF}
.menu-default .title-top-hd .ct-list .tt-middle, .drop-menu .title-top .ct-list .tt-middle{width:187px; background-color:#777777; border-left:3px solid #FF503F; font-size:14px; height:30px; color:#FFF; line-height:30px; padding-left:10px}

.menu-list-pr{width:197px}
.menu-list-pr .box-name{width:100%; text-align:center; background-color:#384775; color:#FFF; line-height:38px; height:38px}
.menu-list-pr ul{background-color:#555; margin:0}
.menu-list-pr ul li{height:38px}
.menu-list-pr ul li a{color:#AAA; width:197px; height:38px; padding:0 10px; line-height:38px}
.menu-list-pr ul li a:hover{background-color:#FF4C4C; color:#FFF; display:block}
.menu-list-pr ul li a.active, .menu-list-pr ul li a:focus{background-color:#FF503F; color:#FFF; display:block}
.menu-list-pr ul li a .badge{margin:10px 0 0 0}
.menu-list-pr ul li a .badge.active, .menu-list-pr ul li a:hover .badge, .menu-list-pr ul li a:focus .badge{background-color:#FFF; color:#FF503F}


.title-2{background-color:#E8EAEF; width:100%; padding:5px 10px; line-height:32px}


/*container*/
.wapper{width:1140px; margin:0 auto; overflow:hidden; padding-top:15px}
.wapper .default-width-left{width:815px; float:left}
.box-adv-top{width:1130px; height:267px; overflow:hidden; margin:0 auto;}
.box-adv-top img{width:1130px; height:auto}
.title{border-bottom:1px solid #223366; position:relative; bottom:1px; margin:0 0 0 5px}
.title label{border-bottom:3px solid #FF503F; color:#223366; font-size:18px; font-family:Roboto-Regular; margin-bottom:-2px; padding-bottom:4px; cursor:default}

/**news**/
.box-news{width:810px; height:347px; margin-left:5px}
.box-news .left{width:491px; float:left; margin-right:15px}
.box-news .left .box-img{width:493px; height:275px; overflow:hidden}
.box-news .left .box-img img{width:493; height:auto}
.column-right .row-1 .left .news-hd .left a, .box-news .left a{font-size:16px; display:block; font-family:Roboto-Bold; color:#000; padding:0 0 7px 0}
.box-news .left p{padding:1px 0 0 0; color:#555}
.box-news .left a:hover{color:#EE1122}
.box-news .right{width:303px; float:left}
.box-news .right ul{list-style:none; margin:0}
.box-news .right ul li{width:100%; padding:0 0 11px 0; display:block; overflow:hidden}
.column-right .row-1 .left .news-hd .right ul li .thumb, .box-news .right ul li .thumb{width:99px; height:56px; float:left; overflow:hidden; padding-right:8px; display:inline}
.column-right .row-1 .left .news-hd .right ul li .thumb img, .box-news .right ul li .thumb img{width:99px; height:auto}
.column-right .row-1 .left .news-hd .right ul li{padding-bottom:4px}
.box-news .right ul li .ct{width:199px; float:left; display:inline}
.box-news .right ul li .ct a{position:relative; top:-2px}
.box-news .right ul li .ct p{position:relative; top:-2px}
.column-right .row-1 .left .news-hd{width:628px; float:left; margin:15px 0 0 -5px}
.column-right .row-1 .left .news-hd .left{width:294px}
.column-right .row-1 .left .news-hd .left .avatar{width:294px; height:165px; overflow:hidden}
.column-right .row-1 .left .news-hd .left .avatar img{width:294px; height:auto}
.column-right .row-1 .left .news-hd .right{width:303px; margin-left:10px}
.column-right .row-1 .left .news-hd .right ul{list-style:none; margin:0}
.news-blog{width:615px}
.news-blog .feature-news{width:605px; height:342px; overflow:hidden; position:relative}
.news-blog .feature-news a{display:block}
.news-blog .feature-news a img{width:605px; height:auto}
.news-blog .thumb-news ul li .text-content-bl, .news-blog .feature-news .text-content-bl{width:100%; padding:0 10px; color:#FFF; position:absolute; left:0; bottom:0; z-index:1}
.news-blog .thumb-news ul li h1, .news-blog .feature-news .text-content-bl h1{margin:7px 0}
.news-blog .feature-news .text-content-bl h2{margin:7px 0}
.news-blog .thumb-news ul li .bg-content-ft, .news-blog .feature-news .bg-content-ft{background:none repeat scroll 0 0 #000; opacity:0.6; width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:-1}
.news-blog .feature-news a:hover .text-content-bl h1, .news-blog .thumb-news ul li a:hover h1{color:#FF503F}
.news-blog .thumb-news{width:auto}
.news-blog .thumb-news ul{width:auto; list-style:none; overflow:hidden}
.news-blog .thumb-news ul li{width:195px; float:left; position:relative}
.list-news-bl{width:auto}
.list-news-bl ul{list-style:none; margin-left:5px}
.list-news-bl ul li{width:auto; padding:0 0 15px 0; border-bottom:1px solid #DDD}
.list-news-bl ul li:last-child{border:none}
.list-news-bl ul li a{}
.listcomment{width:auto}
.listcomment .number{font-size:13px; background-color:#FF503F; color:#FFF; padding:0 7px; line-height:23px; height:22px; display:inline-block}
.listcomment span{padding:0 5px}
.items-news{width:100%; margin:15px 0 0 0; overflow:hidden; position:relative; }
.items-news .box-pic{width:240px; height:135px; float:left; padding-right:10px; top:5px; position:relative}
.items-news .box-pic a img{width:240px; height:auto}
.items-news .box-content-ns{width:60%; display:block; float:left}
.items-news .box-content-ns .btn{width:auto; display:block; position:absolute; bottom:0; left:228px}
.items-news .box-content-ns .btn a{font-size:12px; color:#999}
.news-sub{width:auto}
.news-sub label{border-bottom:2px solid #223366; border-top:1px solid #223366; width:100%; text-align:center; color:#223366; font-size:14px; padding:10px 0}
.news-sub ul{list-style:none; margin:0 0 0 5px}
.news-sub ul li{border-bottom:1px solid #DDD; overflow:hidden}
.news-sub ul li:last-child{border-bottom:5px solid #DDD}
.news-sub ul li .items-list-news-sub{position:relative}
.news-sub ul li .items-list-news-sub a{font-size:13px; line-height:17px; color:#000; float:left; padding:7px 0 7px 8px}
.news-sub ul li .items-list-news-sub a:hover{color:#FF503F}
.news-sub ul li .buttlet{width:3px; height:3px; display:inline-block; background-color:#FF503F; margin-right:5px; position:absolute; top:14px; left:0}

/**news end**/

/**drop list**/
.drop-list-menu{width:100%; overflow:hidden}
.drop-list-menu ul.ft-list-mn{list-style:none; width:100%; margin:0; display:block}
.drop-list-menu ul.ft-list-mn li{width:100%; height:32px; background-color:#FFF}
.drop-list-menu ul.ft-list-mn li:hover{background-color:#223366; color:#FFF}
.drop-list-menu ul.ft-list-mn li a{font-size:11px; color:#999; line-height:30px; padding-left:10px; display:block; border:1px solid #DDD}
ul.drop-list-menu-sub{display:none; position:absolute; z-index:1; list-style:none; background-color:#FFF; margin:0 0}
.drop-list-menu ul.ft-list-mn li:hover ul.drop-list-menu-sub{display:block}
.drop-list-menu ul.ft-list-mn li:hover ul.drop-list-menu-sub li{width:100%}
.box-drop-list{width:470px; position:absolute; top:-12px; right:0}
.free-filter{width:auto}
.filter-hopam .box-droplist{width:auto; overflow:hidden; margin:0 0 -15px 0}
.free-filter ul.list{width:auto; overflow:hidden; margin:10px 0 0 5px}
.filter-hopam .box-droplist ul.list{list-style:none; width:150px; margin-left:5px}
.box-drop-list ul.list{list-style:none; width:150px; margin-left:5px}
.free-filter ul.list li,
.filter-hopam ul.list li,
.box-drop-list ul.list li{display:block}
.free-filter ul.list li a,
.filter-hopam .box-droplist ul.list li a,
.box-drop-list ul.list li a{font-size:11px; width:150px; display:block; color:#535353; line-height:23px; border:1px solid #D6D6D6; background-color:#FFF; padding:0 0 0 10px}
.free-filter ul.list li a i,
.drop-list-menu ul.ft-list-mn li a i,
.filter-hopam .box-droplist ul.list li a i,
.box-drop-list ul.list li a i{text-align:right; float:right; padding:6px 5px 0 0}
.drop-list-menu ul.ft-list-mn li a i{padding:10px 5px 0 0}
.free-filter ul.list li:hover .box-droplist,
.filter-hopam .box-droplist ul.list li:hover .box-droplist,
.box-drop-list ul.list li:hover .box-droplist{display:block !important}
ul.box-droplist{display:none; width:150px; list-style:none; margin-top:0; position:absolute; z-index:999}
ul.box-droplist li{display:block}
.drop-list-menu ul.ft-list-mn li:hover ul.drop-list-menu-sub li a, ul.box-droplist li a{font-size:11px; width:150px; display:block; color:#535353; line-height:23px; background-color:#FFF; padding:0 0 0 10px; margin:0}
.drop-list-menu ul.ft-list-mn li:hover ul.drop-list-menu-sub li a{line-height:30px; width:100%}
.drop-list-menu ul.ft-list-mn li a:hover, .drop-list-menu ul.ft-list-mn li:hover ul.drop-list-menu-sub li a:hover, .filter-hopam .box-droplist ul.list li a:hover, .box-drop-list ul.list li a:hover, ul.box-droplist li a:hover{background-color:#223366; color:#FFF !important; border:1px solid #223366}
ul.filter-df{display:none}
.filter-list{width:80px;}
.filter-list span{cursor:pointer; color:#3A5998; font-size:12px; display:block}
.filter-list span i{float:right}
.filter-list span:hover ul.filter-df{display:block}
ul.filter-df{width:100px; border:1px solid #DDD}
ul.filter-df li{width:auto; height:21px; border-bottom:1px solid #DDD}
ul.filter-df li a{width:auto; padding:0 5px; display:block; line-height:21px; background-color:#FFF}
ul.filter-df li a:hover{color:#FFF; background-color:#223366}


/*list movies*/
.box-list, .list-baigiang{width:820px} .list-baigiang{width:618px; float:left}
.box-list ul, .list-baigiang ul{list-style:none; overflow:hidden}  .list-baigiang ul{ width:618px}
.box-list ul li, .list-baigiang ul li{width:195px; float:left; padding-bottom:10px; margin:0 5px}
.box-list ul li .video, .list-baigiang ul li .video{width:195px; height:110px; margin-bottom:3px; overflow:hidden}
.box-list ul li .video img, .list-baigiang ul li .video img{width:195px; height:auto}
.box-list ul li .ct{width:195px; display:block}
.box-list ul li .ct a{}
.box-right .ct-box .items .ct span, .box-list ul li .ct span{padding:2px 3px 1px 0}
.default-width-right{width:305px; margin-right:5px; float:right}
.default-width-right .title{margin-left:0}
.event{width:305px} .event .date-time{width:305px; background-color:#555555; padding:10px;}
.event .date-time div p{padding-right:5px}
.event .ct{width:305px; border:1px solid #DDD; border-bottom:none; padding:10px; background-color:#FFF}
.event .ct span{line-height:150%}
.number-lesson{min-width:31px; height:31px; text-align:center; padding:0 5px; background-color:#FFF; color:#FF503F; font-family:Roboto-Bold; font-size:23px; position:absolute; border:1px solid #DDD; top:0}

/**event**/
.event-cl-left{width:187px; position:relative}
.event-cl-left .bx-img{width:187px; height:118px; overflow:hidden}
.event-cl-left .bx-img img{width:187px; filter: blur(4px); -moz-filter:blur(4px); -ms-filter:blur(4px); -o-filter:(4px); -webkit-filter:(4px)}
.event-cl-left .date-time{width:187px; background-color:#000; padding:3px 10px; position:absolute; top:74px; opacity:0.7}
.event-cl-left .date-time div p{padding-right:5px}
.event-cl-left .ct{width:187px; border:1px solid #DDD; border-bottom:none; padding:10px; background-color:#FFF}
.event-cl-left .ct span{line-height:150%}
.bx-ct-ev{width:187px; background-color:#000}
.bx-ct-ev .ctent{width:auto; padding:10px}
.bx-ct-ev .ctent a{width:100%; text-align:center; line-height:29px; border:1px solid #FF503F; color:#FFF; display:block; margin-top:10px}
.bx-ct-ev ul.sug{list-style:none}
.bx-ct-ev ul.sug li{display:block}
.bx-ct-ev ul.sug li a{line-height:30px; color:#888; width:100%; text-align:center; padding:10px}

.box-btn-right{width:305px; background-color:#EEE; border:1px solid #DDD; border-top:none; overflow:hidden}
.box-btn-right a{font-size:11px; color:#666; line-height:29px; padding:10px;}
.box-btn-right .btn-other{width:100%; line-height:46px; text-align:center; color:#FFF; background-color:#223366; display:block; font-size:16px}
.event{width:305px}
.event .btn-event{margin:10px 0 10px 0}
.event .btn-event a.btn-send-2{width:305px; background-color:#FF503F; color:#FFF; font-size:29px; padding:10px}


.box-right, .box-column-left{background:#FFF url(../icons/bg_first.png) top left no-repeat; overflow:hidden}
.box-right .title-box, .box-column-left .title-box{background-color:#555; height:38px; width:305px; padding:10px; font-size:20px; color:#FFF; line-height:17px}
.box-right .ct-box, .box-column-left .ct-box{border-left:1px solid #DDD; border-right:1px solid #DDD; padding:13px 10px 0 10px}
.box-right .ct-box ul{margin:0; padding:0;}
.box-right .ct-box ul li.items{list-style:none; display:block; overflow:hidden; position:relative; margin-bottom:8px}
.box-right .ct-box ul li.items:last-child{margin-bottom:0}
.box-right .ct-box ul li.items .thumb{width:72px; height:72px; padding-right:10px; overflow:hidden; float:left; position:relative; top:3px}
.box-right .ct-box ul li.items .thumb img{width:72px; height:auto}
.box-right .ct-box ul li.items .ct{width:206px; float:left}
.box-right .ct-box ul li.items h1.name{width:100%; font-size:14px; font-family:Roboto-Bold; padding:0 0 5px 0; margin:0}
.box-right .ct-box ul li.items .thumb-videos{width:110px; height:62px; padding-right:10px; overflow:hidden; float:left}
.box-right .ct-box ul li.items .thumb-videos img{width:110px; height:auto}
.box-right .ct-box ul li.items .ct-videos{width:173px; float:left; position:relative; top:-4px}
.box-right .ct-box ul li.items .ct-videos h2{margin:5px 0 0 0}
.box-right .ct-box ul li.items{list-style:none; display:block; overflow:hidden; position:relative}
.box-right .ct-box ul li.items .thumb_1{width:50px; height:50px; padding-right:10px; overflow:hidden; float:left; position:relative; top:3px}
.box-right .ct-box ul li.items .thumb_1 img{width:50px; height:auto}
.box-right .ct-box ul li.items .ct_1{width:228px; float:left}
.box-rank{width:auto; padding:0 5px 2px 5px; background-color:#FFF; border:1px solid #DDD; position:absolute; top:18px; left:0}

/**login**/
.box-login{width:460px; border:1px solid #DDD; padding:20px; background-color:#FFF; right:0; top:43px; text-align:left; z-index:1; display:none}
.login:hover .box-login{display:block; color:#FF503F}
.login .box-login .login-app{width:200px; border-right:1px solid #A2A2A2}
.login .box-login .login-app label{font-size:12px; text-align:left; font-family:Roboto-Bold}
.login .box-login .login-app .app{width:180px; padding:7px 0}
.login .box-login .login-app .app a{margin:0 0 10px 0; display:block}
.login .box-login .login-app .app p{font-size:11px; font-style:italic; color:#4B4B4B; text-align:center; line-height:12px}
.login .box-login .login-app .app a.register{width:100%; background-color:#223366; color:#FFF; text-align:center; line-height:26px; display:block; margin-top:15px; font-weight:normal}
.box-login .login-td{width:211px; padding-left:20px}
.login .box-login .login-td label{font-size:12px; color:#4B4B4B}
.login .box-login .login-td input{background-color:#FFF; color:#777; border:1px solid #999999; width:199px; padding:3px 5px; line-height:21px; margin:2px 0 10px 0; text-align:left}
.box-login .login-td input[type=checkbox]{width:13px; height:13px}
.login .box-login .login-td ._btn{width:auto; padding-top:3px}
.box-login .login-td ._btn a.btn-login-td{width:auto; font-weight:normal; padding:4px 10px; background-color:#223366; color:#FFF; margin:0}
.login .box-login .login-td ._btn a.repass{font-weight:normal; color:#416FB7}
.login .box-login .login-app .app a.register:hover, .box-login .login-td ._btn a.btn-login-td:hover{background-color:#FF503F; color:#FFF !important}
.login .box-login .login-td ._btn a.repass:hover{text-decoration:underline}
.arrow-box-login{width:13px; z-index:10; height:13px; -webkit-transform:translateX(-9px) translateY(1px) rotate(45deg); transform:translateX(-9px) translateY(1px) rotate(45deg);background-color:#FFF; display:inline-block; position:absolute; right:27px; top:-8px; border-top:1px solid #DDD; border-left:1px solid #DDD}
.form_register_social_facebook{background-color:#2a4e9d !important;background:url(../icons/facebook.png) no-repeat center left; height:30px;padding-left:40px; line-height:30px;cursor: pointer; margin-bottom:10px}
.form_register_social_google{background-color:#e74232 !important; background:url(../icons/g+.png) no-repeat center left; height:30px;padding-left:40px; line-height:30px;cursor: pointer; margin-bottom:5px}
.form_register_social_facebook span, .form_register_social_google span, .form_login_facebook span, .form_login_google span{color:#FFF !important;}
.form_register_social_facebook span a, .form_register_social_google span a{font-family:Roboto-Bold;color:#FFF !important;}
.form_login_facebook span a, .form_login_google span a{font-family: Roboto-Bold !important;color:#FFF!important;font-size:11px !important;text-decoration:none !important;}
.form_register_social_facebook span a:hover, .form_register_social_google span a:hover{text-decoration:none;}

/*phan trang*/
.box-phantrang{width:100%; text-align:right}
.box-phantrang span{font-size:12px; color:#777}
.box-phantrang ul.pagination{list-style:none; margin:0}
.box-phantrang ul.pagination li{float:left; width:auto; margin:0 1px}
.box-phantrang a:hover{border-bottom:1px solid #FF503F; color:#223366}

/*******List Videos********/
.af{border-top:1px solid #DDDDDD; width:100%}
.menu-prive{width:810px; margin:0 0 15px 5px;}
.menu-prive ul{overflow:hidden; margin:0}
.menu-prive ul li{list-style:none; float:left; height:53px}
.menu-prive ul li a{padding:15px 10px; line-height:50px; color:#999; font-size:14px}
.menu-prive ul li a.active, .menu-prive ul li a:hover{background-color:#FF503F; color:#FFF}
.menu-prive ul li.active, .menu-prive ul li:hover{background:url(../icons/icon-down.jpg) center 49px no-repeat;}
.title-tab{height:30px; border-bottom:1px solid #223366; position:relative; margin:0 0 14px 5px}
.title-tab .tab{width:auto; overflow:hidden}
.title-tab .tab ul{list-style:none; margin:0; padding:0; overflow:hidden}
.title-tab .tab ul li{float:left; padding:0 15px 0 0}
.title-tab .name, .title-tab .tab ul li a{font-size:16px; font-family:Roboto-Light; color:#777777; line-height:32px; padding-bottom:2px}
.title-tab .name, .title-tab .tab ul li a.active, .title-tab .tab ul li a:hover{border-bottom:3px solid #FF503F; color:#223366}

/*****detail*****/
.box-infor-clip{width:auto; padding:10px; margin-left:5px; overflow:hidden; background-color:#FFF}
.box-infor-clip .left{width:500px; float:left} .box-infor-clip .left span{line-height:20px}
.box-infor-clip .left a.btn-infor{background-color:#EEEEEE; color:#777; font-size:13px; padding:5px 10px 5px 29px; border-radius:5px; margin-right:5px}
.box-infor-clip .right{width:285px; float:right; text-align:center; font-family:Roboto-Light;}
.box-infor-clip .right .statistic{width:100%; display:block; overflow:hidden}
.box-infor-clip .right .statistic .right, .box-infor-clip .right .statistic .left{width:140px; float:left; text-align:center}
.box-infor-clip .right a.btn-vote{width:auto; padding:5px 50px; background-color:#FF503F; color:#FFF; border-radius:5px}
.box-infor-clip .right a.btn-vote:hover{color:#223366}
.box-infor-clip a.btn-view-more{width:100%; background-color:#EEEEEE; color:#666; display:block; text-align:center; line-height:30px; margin-top:10px}
.infor-clip-baigiang{width:auto; overflow:hidden}
.box-infor-clip .left .fl-infor, .infor-clip-baigiang .fl-infor{width:70%; float:left; background-color:#FFF; padding:10px 10px 15px 10px}
.infor-clip-baigiang .fr-infor{width:28%; float:right; background-color:#FFF; margin-left:10px; padding:10px 10px 10px 10px}
.box-infor-clip .left .fl-infor .avatar-lf, .infor-clip-baigiang .fl-infor .avatar-lf{width:50px; height:50px; float:left}
.box-infor-clip .left .fl-infor .avatar-lf img, .infor-clip-baigiang .fl-infor .avatar-lf img{width:50px; height:50px; position:relative; top:4px}
.box-infor-clip .left .fl-infor .ct-lf, .infor-clip-baigiang .fl-infor .ct-lf{width:60%; height:50px; padding-left:7px; float:left}
.box-infor-clip .left .fl-infor .ct-lf .btn0follow, .infor-clip-baigiang .fl-infor .ct-lf .btn0follow{padding:3px 7px; color:#FFF; font-size:11px; background-color:#223366; margin-top:5px; display:inline-block}
.infor-clip-baigiang .fr-infor .statistic{width:auto; text-align:center; font-family:Roboto-Light}
.infor-clip-baigiang .fr-infor .btn-down{width:100%; border:1px solid #DDD; padding:3px 0; color:#000; display:block; text-align:center; margin-top:7px}

.step{width:45px; height:896px; position:relative}
.step .line-cl{width:2px; height:576px; background-color:#8C8C8C; position:absolute; left:19px}
.step .btn-up{width:20px; height:10px; position:absolute; top:5px; left:-9px}
.title-step{position:absolute; height:20px; top:55px; display:block; padding-left:11px; overflow:hidden; line-height:20px}
.tt-step{background-color:#00799D; padding:0 5px; font-size:12px; color:#FFF; white-space: nowrap; width:100%}
.tt-step p{padding:0 10px;}
.step ul.step-number{width:32px; position:absolute; top:79px; margin-left:5px}
.step ul.step-number li{width:29px; height:30px; margin:0 0 30px 12px;}
.step ul.step-number li a{background-color:#999; border-radius:50%; width:30px; height:30px; color:#FFF; text-align:center; display:block; padding:5px 0 0 0; font-size:16px; left:-12px; position:relative}
.step ul.step-number li a.active, .step ul.step-number li a:hover{background-color:#FFCF43; border:1px solid #00799D}
.step ul.step-number li.active, .step ul.step-number li:hover{background-color:#00799D;width:29px; height:30px; margin:0 0 30px 12px}
.conten-movie{width:755px; border-left:3px solid #00799D; float:left; margin:30px 0 0 0}


a.btn-send{background-color:#FF503F; color:#FFF; padding:10px 20px; text-transform:uppercase}
a.btn-G{background-color:#878787; color:#FFF; padding:10px 20px; text-transform:uppercase}

/*********************trang hop am chi tiet*****************************/
label{font-size:13px; color:#777; font-weight:normal}
.column-left{width:187px; margin-left:5px; float:left}
.column-right{width:948px; float:left}
.box-column-left .title-box{background-color:#555; height:38px; width:187px; padding:10px; font-size:13px; color:#FFF; line-height:17px}
.box-column-left .ct-box{border-left:1px solid #DDD; border-right:1px solid #DDD; padding:10px 10px 0 10px}
.box-column-left .ct-box .row-item, .toolview .row-item{width:auto; overflow:hidden; font-size:13px}
.box-column-left .ct-box .row-item .tone-up, .box-column-left .ct-box .row-item .tone-down, .toolview .row-item .tone-down, .toolview .row-item .tone-up{height:26px; border:1px solid #DDD; float:left; padding:4px 5px 0 5px; text-align:center}
.box-column-left .ct-box .row-item, .toolview .row-item{width:auto; overflow:hidden; font-size:13px}
.box-column-left .ct-box ul{margin:0; list-style:none}
.box-column-left .ct-box ul .yc ._ct .btn-right{font-size:11px; line-height:16px; width:65%}
.box-column-left .ct-box ul .yc ._ct .number-left{width:35%}
.box-column-left .ct-box ul .yc .number{width:16%}
.box-column-left .ct-box ul .yc .ct{width:75%}
.box-column-left .ct-box .row-item .tone, .toolview .row-item .tone{height:26px; width:59px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; text-align:center; float:left; padding-top:2px}
.box-column-left .ct-box .row-item input[type=text], .box-right .ct-box .row-item input[type=text], .toolview .row-item input[type=text]{width:165px; height:30px; border:1px solid #DDD !important; padding:3px; display:block} .box-right .ct-box .row-item input[type=text]{width:283px}
.box-column-left .ct-box .row-item input[type=checkbox], .box-right .ct-box .row-item input[type=checkbox], .toolview .row-item input[type=checkbox]{width:13px; height:13px} .box-column-left .row-item input[type=submit], .box-right .ct-box .row-item input[type=submit], .toolview .row-item input[type=submit]{width:auto; padding:3px 10px; background-color:#FF503F; color:#FFF;} .box-column-left .ct-box .row-item.movie{width:167px; height:94px; padding-bottom:3px} .box-column-left .ct-box .row-item .movie{width:167px; height:auto}

.column-right .row-1{width:auto; overflow:hidden}
.column-right .row-1 .left{width:628px; margin-left:10px; float:left}
.column-right .row-1 .left .title, .column-right .row-1 .left .title{margin:0 8px 0 5px}
.ct-hopam-top{width:608px; border:1px solid #DDD; background-color:#FFF; margin:15px 0 0 5px; overflow:hidden}
.ct-hopam-top .ct{padding:10px; overflow:hidden}
.ct-hopam-top .ct .name-baigiang{width:348px; float:left}
.ct-hopam-top .ct span{line-height:20px}
.ct-hopam-top .ct .person-create{width:230px; float:left}
.ct-hopam-top .ct .person-create ._person{width:230px; margin-top:10px; overflow:hidden}
.ct-hopam-top .ct .person-create ._person .avatar{width:72px; height:72px; margin-right:9px; float:left}
.ct-hopam-top .ct .person-create ._person .avatar img{width:72px; height:auto}
.ct-hopam-top .ct .person-create ._person .box-name{width:149px; float:left}
.ct-hopam-top .box-btn{width:100%; background-color:#FCFCFC; padding:7px}
.ct-hopam-top .box-btn a{float:none; border:1px solid #DDD; text-align:center; line-height:21px; padding:3px 10px; margin-right:5px}
.box-timeline{width:608px; border:1px solid #DDD; padding:5px; background-color:#FFF; margin:15px 0 0 5px}
.box-timeline .music{width:596px; height:46px; overflow:hidden}
.column-right .row-1 .right{width:305px; float:left}
.column-right .row-1 .right .box-tone{width:305px; background-color:#FFF; border:1px solid #DDD}
.column-right .row-1 .right .box-tone .ct-tone{width:305px; padding:10px}
.column-right .row-1 .right .box-tone .ct-tone a.btn-tone{width:280px; background-color:#9099B2; color:#FFF; display:block; text-align:center; line-height:30px; font-size:16px}
.column-right .row-1 .right .box-tone .ct-tone .ct-sc{width:auto; overflow:hidden}
.column-right .row-1 .right .box-tone .ct-tone .ct-sc .avatar{width:110px; float:left; margin-right:7px}
.column-right .row-1 .right .box-tone .ct-tone .ct-sc .ct-sc-1{width:165px; float:left}
.column-right .row-1 .right .box-tone .btn-more{font-size:12px; text-align:center; width:100%; line-height:27px; background-color:#FCFCFC; display:block}
.column-right .row-1 .right .history-edit{width:305px}
.column-right .row-1 .right .history-edit ul.ha-view{list-style:none; width:100%; overflow:hidden}
.column-right .row-1 .right .history-edit ul.ha-view li{}
.column-right .row-1 .right .history-edit ul.ha-view li:hover{color:#FF503F}
.column-right .row-1 .right .history-edit ul.ha-view a{font-size:16px; color:#666; background-color:#FFF; border:1px solid #DDD; line-height:27px; padding:10px; display:block}
.column-right .row-1 .right .history-edit ul.ha-view a i{float:right; padding:6px 0 0 0}
.column-right .row-1 .right .history-edit ul.ha-view li:hover a{color:#FF503F}
ul.droplist-ha{width:305px; display:none; position:absolute; margin:0; z-index:210}
.column-right .row-1 .right .history-edit ul.ha-view li:hover ul.droplist-ha{list-style:none; display:block}
.column-right .row-1 .right .history-edit ul.ha-view li:hover ul.droplist-ha li{list-style:none}
.column-right .row-1 .right .history-edit ul.ha-view li:hover ul.droplist-ha li a{font-size:16px; color:#555}
.column-right .row-1 .right .history-edit ul.ha-view li:hover ul.droplist-ha li a:hover{background-color:#223366; color:#FFF !important}

.view-hopam{width:928px; margin:15px 0 0 15px; border:1px solid #DDD; overflow:hidden; background-color:#FFF; padding:10px}
.view-hopam .item{width:90px; float:left}
.view-hopam .item .avatar{width:90px}
.view-hopam .item .box-btn{width:90px; text-align:center}
.view-hopam ul.slide-view{width:100%; overflow:hidden; float:left; list-style:none; margin:0}
.view-hopam .toolview{width:193px; float:left}

.column-right .content-hopam{width:928px; margin:20px 0 0 15px; border:1px solid #DDD}
.column-right .content-hopam .box-top{width:926px; background-color:#FCFCFC; padding:7px 10px; text-align:right; overflow:hidden}
.column-right .content-hopam .box-top .left{width:267px; float:left; text-align:left}
.column-right .content-hopam .box-top .right{width:555px; float:right}
.column-right .content-hopam .box-top .right a, .column-right .content-hopam .box-top .left a{font-size:13px; padding:3px 10px; border:1px solid #DDD; color:#CCC}.column-right .content-hopam .box-top .right a:hover, .column-right .content-hopam .box-top .left a:hover{color:#FF503F}
.column-right .content-hopam .box-top .right a.active, .column-right .content-hopam .box-top .left a.active{font-size:13px; padding:3px 20px; line-height:26px; border:1px solid #DDD; background-color:#FFF; color:#000}
.ct-ha, .column-right .content-hopam .ct-ha{width:926px; background-color:#FFF; padding:10px}
.ct-ha .tone-in-ct, .column-right .content-hopam .ct-ha .tone-in-ct{cursor:pointer; position:relative; display:inline-block}
.popup-ct{display:none; width:90px; height:100px; background:url(../icons/popup.png) no-repeat center; position:absolute; top:-93px; left:-30px; z-index:500}
.ct-ha .tone-in-ct:hover .popup-ct, .column-right .content-hopam .ct-ha .tone-in-ct:hover .popup-ct{ display:block}
.ct-ha:hover .popup img, .column-right .content-hopam .ct-ha:hover .popup img{width:88px; height:84px}
.column-right .content-hopam a.fullscreen{background-color:#FF503F; color:#FFF !important; font-size:13px; padding:0 5px; line-height:26px; border:none !important}
.column-right .content-hopam a.fullscreen:hover{background-color:#223366}

.video-cakhuc{width:315px; margin-left:10px;}
.video-cakhuc .avatar{width:305px; height:182px} .video-cakhuc a.xembai{width:100%; text-align:center; line-height:29px; background-color:#FFF; color:#223366; display:block; padding:5px 0; border:1px solid #DDD}
.list-baigiang .title{margin:0 0 0 10px}
.column-right .comment-face{width:928px; margin:0 0 0 15px}.column-right .comment-face .title{margin:0}
.btn_tap_cmt{width:auto; padding:10px 10px} .btn_tap_cmt a{width:143px; border-radius:5px; background-color:#F0F0F0; color:#999; display:inline-block; text-align:center; line-height:180%} .btn_tap_cmt a:hover, .btn_tap_cmt a.active{background:url(../icons/btn_tap_a_cmt.png) no-repeat; height:27px; border-radius:5px; color:#FFF; color:#FFF !important}

.scroll-hight{background-position:0 -591px; width:80px; height:26px; display:inline-block}
.scroll-small{background-position:0 -619px; width:80px; height:26px; display:inline-block}

.btn-next-slie{background-position:0 -655px; width:37px; height:74px; display:inline-block; float:left; padding:10px 0 0 10px; margin:18px 20px 0 23px}
.btn-pre-slie{background-position:0 -739px; width:37px; height:74px; display:inline-block; float:left; padding:10px 0 0 10px; margin:18px 10px 0 20px}
.btn-next-slie:hover{background-position:-57px -655px}
.btn-pre-slie:hover{background-position:-57px -739px}

/*****************list bai giang******************/
.tags{width:auto; overflow:hidden} .tags a{font-size:11px; background-color:#223366; color:#FFF; padding:3px 5px; margin:2px 1px 0 0; display:inline-block}
ul.list-menu-right{list-style:none} ul.list-menu-right li{display:block; margin-bottom:3px} ul.list-menu-right li a{font-size:12px; line-height:21px; background-color:#EEEEEE; padding:3px 10px; display:block}
ul.list-col{list-style:none; overflow:hidden} ul.list-col li{width:150px; float:left; margin:0 1px 3px 0} ul.list-col li .link{width:100px; float:left; } ul.list-col li .link a{font-size:11px; background-color:#EEEEEE; line-height:28px; color:#000; padding-left:10px; display:block} ul.list-col li .number{background-color:#7A84A3; width:43px; height:28px; color:#FFF; float:left; text-align:center; line-height:29px}

/*******************Hop am************************/
.search-cl-right{width:810px; margin-left:5px; overflow:hidden} a.btn-post-hopam{width:190px; height:46px; line-height:42px; border:1px solid #DDD; color:#878787; float:left; text-align:center; margin-left:5px}
a.btn-post-hopam:hover {background-color:#223366; color:#FFF !important}
.alphaB{}.alphaB span{padding-right:10px; cursor:pointer}
.filter-hopam{width:auto; margin:20px 0 0 5px}
.table-hopam{margin:20px 0 0 5px}
.table-hopam table{width:100%; background-color:#FFF}
.table-hopam tr{width:100%; border:1px solid #DDD}
.table-hopam tr.items, .table-hopam tr td.td1{width:55%}
.table-hopam tr.items, .table-hopam tr td.td2{width:10%}
.table-hopam tr.items, .table-hopam tr td.td3{width:15%}
.table-hopam tr.items, .table-hopam tr td.td4{width:30%}
.tt-label{display:block; background-color:#555555; color:#FFF; padding:10px}
.tr.items{border:1px solid #DDD !important; background-color:#FFF}
.list-items-ha{padding:7px 10px}

ul.tab-r{width:100%; overflow:hidden; margin:0; border-left:1px solid #DDD; border-right:1px solid #DDD}
ul.tab-r li{width:33.3%; list-style:none; height:49px; float:left}
ul.tab-r li a{color:#BBB; background-color:#F4F6F8; font-size:20px; display:block; text-align:center; border-bottom:1px solid #DDD; margin:0}
ul.tab-r li a.active, ul.tab-r li a:hover{background-color:#FFF; color:#223366; border:none}

.sticky{width:43px; height:43px; position:absolute; top:0; right:0} .yc .number, .yc .ct, .yc .volume{padding:7px}
.yc{width:100%; border:1px solid #DDD; overflow:hidden} .yc .number{width:10%; float:left; font-size:20px; border-right:1px solid #DDD} .yc .ct{width:80%; float:left; font-size:14px;}  .yc .volume{width:5%; float:left; padding:11px 0 0 0; text-align:center}
.yc ._ct{width:100%; display:block; overflow:hidden} .yc ._ct .number-left{width:20%; text-align:center; float:left; background-color:#AAAAAA; padding:1px 7px; color:#FFF} .yc ._ct .btn-right{width:80.01%; border:1px solid #555; float:left; text-align:center}

/**************home hoc dan****************/
.arthur{width:608px; height:155px; overflow:hidden; margin-left:5px; background-color:#F4F4F4}
.arthur .at-left{width:225px; height:155px; float:left; overflow:hidden}
.arthur .at-left img{width:225px; height:auto}
.arthur .at-right{width:383px; height:155px; float:left; padding-top:50px}


/****adv****/
.box-adv-right{width:305px}
.box-adv-right .adv-rectang{width:305px; height:267px}
.box-adv-right .adv-rectang img{width:305px; height:auto}
.adv-ct{width:810px; height:180px}
.adv-ct img{width:810px; height:auto}

/***give mail***/
.icon-give-mail{background-position:0 -845px; width:94px; height:41px; display:block; float:left}
.bx-give-mail{width:100%; overflow:hidden}
.bx-give-mail .content-give-mail{width:175px; float:left; padding-left:10px}
.bx-give-mail .bx0in{width:100%; padding:10px 0; overflow:hidden}
.bx-give-mail .bx0in input[type=text]{width:206px; border:1px solid #DDD; height:30px; padding:0 7px}
.bx-give-mail .bx0in input[type=submit]{width:77px; height:30px; background-color:#878787; color:#FFF}

.article-cmts{width:100%; padding-bottom:10px}
.article-cmts ul{list-style:none}
.article-cmts ul li{width:100%; overflow:hidden; padding:3px 0; border-bottom:1px solid #DDD}
.article-cmts ul li:last-child{border-bottom:none}
.article-cmts ul li .cmts-number{width:42px; float:left; background-color:#ff503F; padding:3px 0; text-align:center; color:#FFF; margin-top:5px}
.article-cmts ul li .cmts{width:230px; float:left; margin-left:7px}

.statistic{width:615px}
.statistic label{font-family:Roboto-Light; margin:0}
.statistic ul.statis{list-style:none; overflow:hidden}
.statistic ul.statis li{width:100%}
.statistic ul.statis li ul.cl-oner{width:auto; display:block; overflow:hidden}
.statistic ul.statis li ul.cl-oner li{width:10%; float:left; position:relative}
.statistic ul.statis li ul.cl-oner li .rectang{width:100%; height:3px; z-index:0; background-color:#E8EAEF; position:absolute; top:6px}
.statistic ul.statis li ul.cl-oner li .cicler{width:15px; height:15px; border-radius:50%; text-align:center; padding:6px 0 0 0; z-index:1; position:relative; top:0; background-color:#FFF; border:inset 2px #E8EAEF}
.level{width:auto}
.level ul{list-style:none; overflow:hidden}
.level ul li{float:left; width:95px; display:block; text-align:center}
.level ul li a{padding:5px 3px; text-align:center; color:#999; width:86px; text-align:center}
.level ul li a:hover{color:#FF503F}
.pass-member{width:auto}
.pass-member ul{overflow:hidden}
.pass-member ul li{width:66px; height:66px; padding:5px 3px; margin-left:8px; overflow:hidden; float:left}
.pass-member ul li img{width:66px; height:auto}

.cicler-gt{width:50px; height:50px; border-radius:50%; border:1px solid #DDD; text-align:center; padding:6px 0 0 0; z-index:1; position:relative; top:0; background-color:#FFF}

/***comment***/
.comment-list{width:auto}
.comment-list ul.list-cmts{list-style:none; background-color:#FFF; margin:0}
.comment-list ul.list-cmts li{width:auto; min-height:74px; overflow:hidden; display:block; padding:8px 10px; border-bottom:1px solid #DDD; line-height:19px; position:relative}
.comment-list ul.list-cmts li .lr-content ul.sub-list-cmts{width:100%; display:block}
.comment-list ul.list-cmts li .lr-content ul.sub-list-cmts li{width:100%; overflow:hidden; display:block; padding:8px 0; border-top:1px solid #DDD; border-bottom:none}
.comment-list ul.list-cmts li .lf-avatar img{width:50px; height:auto}
.comment-list ul.list-cmts li .lr-content ul.sub-list-cmts li .lr-content-sub, .comment-list ul.list-cmts li .lr-content{width:100%; float:left; display:block; padding:0 0 0 50px}
.comment-list ul.list-cmts li .lr-content ul.sub-list-cmts li .lf-avatar-sub, .comment-list ul.list-cmts li .lf-avatar{width:50px; height:50px; padding-right:1%; overflow:hidden; float:left;position:absolute; top:12px}

.areatxt{width:auto; padding:10px; overflow:hidden; background-color:#FFF; position:relative; box-sizing:border-box; padding-right:76px}
.areatxt .txt-lf{width:100%; float:left}
.areatxt .txt-lf textarea{width:100%; height:16px; border:1px solid #DDD; padding:7px; display:block; overflow:auto; box-sizing:content-box}
.comment-list .areatxt_1 .txt-lr, .areatxt .txt-lr{width:50px; float:left; position:absolute; right:10px}
.areatxt .txt-lr input[type=submit]{width:50px; background-color:#FF503F; text-align:center; color:#FFF; padding:9px 0}
.comment-list .areatxt_1{width:100%; box-sizing:border-box; padding:4px 50px 0 50px; overflow:hidden}
.comment-list .areatxt_1 .txt-lf {width:100%; float:left}
.comment-list .areatxt_1 .txt-lf textarea{width:100%; height:42px; border:1px solid #DDD; padding:7px; display:block}
.comment-list .areatxt_1 .txt-lr {width:50px; text-align:right}
.comment-list .areatxt_1 .txt-lr input[type=submit]{width:50px; background-color:#FF503F; text-align:center; color:#FFF; padding:13px 0}
ul.control-cmt{display:none; width:60px; border:1px solid #DDD; background-color:#FFF; position:absolute; right:-2px; top:13px; z-index:10}
.btn-droplist-cmmt{position:absolute; top:11px; right:6px; cursor:pointer; width:15px; text-align:center}
.btn-droplist-cmmt:focus, .btn-droplist-cmmt:hover{background-color:#DDD; border:1px solid #CCC; height:15px}
.btn-droplist-cmmt:focus ul.control-cmt, .btn-droplist-cmmt:hover ul.control-cmt{display:block}
ul.control-cmt li{width:auto; padding:0 !important}
ul.control-cmt li a{font-size:12px; color:#666; line-height:16px; font-family:Roboto-Regular; display:block; padding:5px; text-align:left}
ul.control-cmt li a:hover{background-color:#223366; color:#FFF}


/**tabs**/
.tt-tab-r{width:101px; height:41px; text-align:center; font-size:15px; color:#999}
.nav-tabs > li{margin-bottom:-2px}
.nav-tabs > li > a{border-radius:0 0 0 0; color:#A0A0A0}
.nav-tabs > li.active > a{border-bottom:none; color:#223366}
.nav-tabs > li.active > a:hover{border-top:none; border-bottom:none; color:#223366}
.tt-tab-r a.db{padding:3px 11px 2px 11px !important; line-height:18px}
.bg-tab-tt{background-color:#EEEEEE; border-top:1px solid #DDD; border-left:1px solid #DDD; border-right:1px solid #DDD}
.notes, .bg-videoJ{width:100%; height:550px; overflow:auto; background-color:#FFF; border:1px solid #DDD; border-top:none}
.bg-videoJ{border:none; border-top:2px solid #CDD1DC}
.notes ul{margin:0}
.notes ul li{overflow:hidden}
.notes ul li .numbers{width:10%; float:left; font-size:26px; text-align:center; padding-top:10px}
.notes ul li .ct-note{width:89%; float:left; padding:10px 10px 10px 0}
.notes ul li{border-bottom:1px solid #DDD}
.notes ul li:last-child{border-bottom:none}
.notes .comment-list ul.list-cmts li .lr-content{width:auto; margin-left:3%}
.notes .comment-list ul.list-cmts li .lr-content ul.sub-list-cmts li .lr-content-sub{width:auto; margin-left:3%}
.notes .comment-list .areatxt .txt-lf{width:81%}
.notes .comment-list .areatxt .txt-lr{width:19%}

/*tooltip*/
.tooltip_1{width:auto; padding:5px 7px; position:relative}
.tooltip_1 .arrow-down{width:9px; height:9px;  position:absolute; left:30px; z-index:10; -webkit-transform:translateX(-9px) translateY(1px) rotate(45deg); transform:translateX(-9px) translateY(1px) rotate(45deg); position:absolute; right:27px}


.list-thuatngu{width:auto; overflow:hidden; margin-left:5px}
.list-thuatngu ul{width:230px; float:left}
.list-thuatngu ul li{width:100%; padding:0 10px 0 0}
.list-thuatngu ul li a{font-size:14px; color:#666; line-height:21px}
ul.list-QA{margin:0}
ul.list-QA li{border-bottom:1px solid #DDD; padding:10px 0}
ul.list-QA li:last-child{border-bottom:none}
.QA-box{width:100%; background-color:#FFF; border:1px solid #DDD}
.QA-box .row-qa{width:auto; padding:5px 10px; overflow:hidden}
.QA-box .tt-qa{width:100%; height:38px; background-color:#FF503F; padding:12px 0 3px; color:#FFF}
.QA-box .ct-qa input[type=text]{border:1px solid #DDD; height:30px; padding:0 10px; margin-left:10px}
.QA-box .ct-qa input[type=submit]{width:46px; height:30px; background-color:#878787; color:#FFF}
.QA-box .ct-qa textarea{width:282px; border:1px solid #DDD}

/**page ca nhan**/
.member-join{width:202px}
.column-left .member-join label, .member-join label{font-family:Roboto-Regular; font-size:16px; color:#555; display:block; margin-left:5px}
.column-left .member-join label .badge, .member-join label .badge{border-radius:0; font-family:Roboto-Regular}
.member-join .list-avatar-member{width:200px; margin-left:2px}
.column-left .member-join .list-avatar-member a, .member-join .list-avatar-member a{display:inline-block; width:60px; height:60px; overflow:hidden; margin:0 1px 5px 3px}
.column-left .member-join .list-avatar-member a img, .member-join .list-avatar-member a img{width:60px; height:auto}

.infor-member{width:613px; overflow:hidden}
.infor-member .avatar-member{width:190px; height:161px; border:3px solid #555; overflow:hidden; float:left}
.infor-member .avatar-member img{width:190px; height:auto}
.infor-member .right-infor{width:412px; float:left}
.infor-member .right-infor .cmmt{width:408px; min-height:63px; border:1px solid #DDE0E8; background-color:#F0F1F5; position:relative; display:block; margin:5px 0 5px 5px; padding:7px}
.arrow-cmmt{width:6px; height:6px;  position:absolute; left:7px; top:5px; z-index:10; -webkit-transform:translateX(-9px) translateY(1px) rotate(45deg); transform:translateX(-9px) translateY(1px) rotate(45deg); position:absolute; background-color:#F0F1F5; border-left:1px solid #DDE0E8; border-bottom:1px solid #DDE0E8}
.infor-member .statistic{width:100%; padding-left:5px; overflow:hidden; position:relative; bottom:-25px}
.infor-member .statistic .bx-statis{min-width:60px; float:left; text-align:center; padding:0 5px}

.ct-mb{width:613px; overflow:hidden}
.ct-mb label.lb{background-color:#FFF; height:52px; line-height:52px; font-size:20px; font-family:Roboto-Light; color:#666; border-bottom:1px solid #E8EAEF; text-transform:uppercase; white-space:nowrap; display:block; padding:0 10px; margin:0}
.ct-mb label.lb a.seemore{font-size:12px; font-family:Roboto-Regular; color:#223366; text-transform:capitalize}

.level-canhan{width:305px}
.level-canhan ul{width:auto; margin:5px 0 0 0}
.level-canhan ul li{background-color:#ECEDF1; border-bottom:1px solid #F9FAFA; overflow:hidden; padding:4px 10px 4px 10px}
.level-canhan ul li:last-child{background-color:#ECEDF1}
.level-canhan ul li .first-name{width:60px; float:left}
.level-canhan ul li .ct-lv{width:222px; float:left}
.level-canhan ul li .ct-lv span{width:11px; height:11px; border-radius:50%; margin:10px 4px 0 4px; position:relative; display:inline-block}
.icon-check{background:url(../icons/check-iccon.png) center; width:14px; height:13px; display:block; position:absolute; bottom:2px; left:1px}


/**page hoi nhom**/
.bx-group{width:100%}
.bx-group .bx-avatar{width:187px; height:187px}
.bx-group .bx-avatar img{width:187px; height:auto}
.bx-group .ct-bx-avatar{width:187px; display:block; background-color:#FFF; border:1px solid #D2D6E0; padding:7px}
.gr-member{width:187px; height:68px; background-color:#F2F3F6; border:1px solid #D2D6E0; padding:10px; text-align:center}
.gr-member a.btn-join{width:auto; font-size:13px; color:#4D5A84; line-height:20px; display:block; text-align:center; background-color:#D2D6E0}
.gr-ld{width:187px}
.gr-ld .ld-president{width:187px; overflow:hidden; padding:0 0 10px 0}
.gr-ld .ld-president label{font-family:Roboto-Regular; font-size:16px; color:#555px; display:block}
.gr-ld .ld-president .avatar-ld{width:50px; height:50px; overflow:hidden; float:left}
.gr-ld .ld-president .avatar-ld img{width:50px; height:auto}
.gr-ld .ld-president .name-ld{width:auto; float:left}
.gr-ld .ld-president .name-ld a{font-family:Roboto-Bold; font-size:14px; color:#3A5998}
.column-left .member-join{width:187px}
.column-left .member-join label{margin:0}
.column-left .member-join .list-avatar-member{width:187px; margin:7px 0 0 0}
.column-left .member-join .list-avatar-member a{margin:0}
.tab-hoinhom{}
.tab-hoinhom .bg-tab-tt{border:none; background-color:transparent; margin-top:0}
.tab-hoinhom .bg-tab-tt li{height:34px; width:auto; background-color:#D2D6E0; margin-right:3px}
.tab-hoinhom .bg-tab-tt li:hover{background-color:#FFF}
.tab-hoinhom .bg-tab-tt li a{padding:7px 15px; border:none; color:#7984A3}
.tab-hoinhom .bg-tab-tt li a:hover{border:none}
.nav-tabs>li>a{margin:0}
.tab-hoinhom .notes{border:none; border-top:2px solid #CDD1DC; height:auto}

.threads{width:auto}
.threads li{position:relative}
.threads li:first-child{padding-top:0}
.threads li .icon{width:21px; text-align:center; float:left; position:absolute}
.threads li .ct-thread{padding:0 0 0 28px}
.member-J{width:100%}
.member-J ul{overflow:hidden}
.member-J ul li{width:50px; height:50px; float:left; margin-right:1px}
.member-J ul li a{width:50px; height:auto}
.member-J ul li:last-child{background:url(../icons/seemore.jpg) no-repeat; width:50px; height:50px}
.head-gr{width:100%; overflow:hidden}
.head-gr .gr-search{width:100%}
.list-member-J{width:auto; overflow:hidden}
.list-member-J ul{width:190px; padding-right:10px; float:left}
.list-member-J ul li{width:auto; overflow:hidden; padding:5px 0 5px 0; border:none}
.list-member-J ul li:first-child{padding-top:10px}
.list-member-J ul li .item-memberJ{cursor:pointer; height:50px; position:relative}
.list-member-J ul li .item-memberJ .avatar-L{width:50px; height:50px; position:absolute; top:0; left:0; overflow:hidden}
.list-member-J ul li .item-memberJ .avatar-L img{width:50px; height:auto; z-index:1}
.list-member-J ul li .item-memberJ .ct-R{width:auto; padding-left:55px; position:relative; cursor:pointer}
.btn-remove{color:#9099B2; background-color:#D2D6E0; padding:3px 5px; display:none; width:70px; font-size:11px; margin-top:3px}
.list-member-J ul li .item-memberJ .ct-R:hover .btn-remove{display:block}


.start-member{background-color:#E8EAEF; overflow:hidden}
.start-member .avatar{width:62px; height:62px; float:left}
.start-member .avatar img{width:62px; height:auto}
.start-member .ct-star-member{width:auto; float:left}

.thumb-img-gr{width:100%; overflow:hidden}
.thumb-img-gr ul{}
.thumb-img-gr ul li{float:left; margin:0 5px 10px 0; width:136px; height:90px; overflow:hidden}
.thumb-img-gr ul li img{width:136px; height:auto}

/*STYLES FOR CSS POPUP*/
.PopupHeader
{
    color: white;
    background-color: #3D72C0;
}
.ShadedBG
{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    opacity: 0.3;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    background-color: #B8C6B8;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.popUp-content{width:1000px; margin:0 auto; background-color:#FFF}
.popUp-content .headerPop{width:auto; height:61px; padding:10px 20px}
.popUp-content .headerPop ul{list-style:none; overflow:hidden; width:890px; float:left; margin:8px 0 0 0}
.popUp-content .headerPop ul li{float:left}
.popUp-content .headerPop ul li .ls-po{padding:3px 0 0 0; width:auto; float:left}
.popUp-content .headerPop ul li a{color:#666; padding:0 10px 0 10px;}
.popUp-content .headerPop ul li a:hover{color:#FF503F}
.popUp-content .headerPop .bx-close{width:30px; float:right}
.popUp-content .headerPop .bx-close input[type=submit]{background:url(../icons/close.jpg) no-repeat; width:30px; height:30px; margin:5px 0 0 0}
.popUp-content .conten-po{width:942px; margin:0 auto; border-top:1px solid #333; padding:15px 0 0 0 }

/**fix firefox**/
@-moz-document url-prefix() {
    .yc ._ct .btn-right{width:80%; border:1px solid #555; float:left; text-align:center}
}
/***fix ie 11**/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .yc ._ct .btn-right{width:30%; border:1px solid #555; float:left; text-align:center}
}

/***CSS Hung**/
.box-cmt .ct-box-cmt ul li.items1{list-style:none; display:block; overflow:hidden; position:relative; margin-bottom:8px; width:100%}
.box-cmt .ct-box-cmt ul li.items:last-child{margin-bottom:0}
.box-cmt .ct-box-cmt ul li.items1 .thumb{width:72px; height:72px; padding-right:10px; overflow:hidden; float:left; position:relative; top:3px}
.box-cmt .ct-box-cmt ul li.items .thumb img{width:72px; height:auto}
.box-cmt .ct-box-cmt ul li.items .ct{width:206px; float:left}
.box-cmt .ct-box-cmt ul li.items h1.name{width:100%; font-size:14px; font-family:Roboto-Bold; padding:0 0 5px 0; margin:0}
.box-cmt .ct-box-cmt ul li.items .thumb-videos{width:110px; height:62px; padding-right:10px; overflow:hidden; float:left}
.box-cmt .ct-box-cmt ul li.items .thumb-videos img{width:110px; height:auto}
.box-cmt .ct-box-cmt ul li.items .ct-videos{width:173px; float:left; position:relative; top:-4px}
.box-cmt .ct-box-cmt ul li.items .ct-videos h2{margin:5px 0 0 0}
.box-cmt .ct-box-cmt ul li.items{list-style:none; display:block; overflow:hidden; position:relative}
.box-cmt .ct-box-cmt ul li.items1 .thumb_1{width:50px; height:50px; padding-right:10px; overflow:hidden; float:left; position:relative; top:3px}
.box-cmt .ct-box-cmt ul li.items .thumb_1 img{width:50px; height:auto}
.box-cmt .ct-box-cmt ul li.items .ct_1{width:228px; float:left}
.box-list1 ul li .ct{width:700px; display:block} 